<script type="text/javascript" src="public/js/jquery/jquery-ui-1.8.16.custom.min.js" charset="utf-8"></script>
<script type="text/javascript" src="public/js/jquery/jquery.ui.mouse.min.js"></script>
<script type="text/javascript" src="public/js/jquery/custom.js"></script>
<script type="text/javascript">

$.noConflict();
jQuery(document).ready(function($) {
					alert('hello');
					$('#add_cart').live('click', function(e) {
					    e.preventDefault();
					    alert('hello');
					    $("form").submit();
					});
				});
</script>


<%@ taglib prefix="s" uri="/struts-tags" %>

<div id="central_content"> 
      
      <!-- BEGIN central slogan and rss feed -->
      <div class="question1 ha"><s:property value="product.name"/></div>
      <div style="clear:both;"></div>
      
      <div style="padding:27px 0 0 0; clear:both;"></div>
      <!-- END central slogan and rss feed --> 
      
      <!-- BEGIN central products -->
      
      <div class="product_group"> 
        
        <!-- BEGIN product1 -->
        
        <div class="product_item">
          <div class="product_left"> 
          		<a href="public/images/Product_photos/<s:property value="product.image"/>" class="simple_image" title="">
	          		<span class="product_zoom" style="display: none;">
	          			<img src="public/images/ico-zoom.png" alt="Zoom Picture" title="Zoom Picture" style="border:none;"/>
	          		</span>
	          		<img src="public/images/Product_photos/<s:property value="product.image"/>" alt="Image 1" title=""/>
	          	</a>
	            
          </div>
        </div>
        <div class="product_right">
          <div class="price_box">
            <div class="product_price">$<s:property value="product.price"/></div>
           </div>
          <div class="product_data">Availabity:</div>
          <div class="product_data grey">In stock</div>
          <div class="div_br"></div>
          
          <div class="product_data">Brand:</div>
          <div class="product_data grey"><s:property value="brand"/></div>
    
          <div class="div_br"></div>
          
          <div style="padding:22px 0 0 0;"></div>
          
          
          <div class="product_horizontal_bar" style="clear:both; padding:6px 0 0 0; margin:0;"></div>
        </div>
        <div class="addproduct">
          <div class="qty">Qty:</div>
          <form name="form" method="post" action="cart?id=<s:property value="product.id"/>">
            <input type="text" name="quantity" maxlength="10"  class="product_number" value="1"/>
          
          	<div  class="product_add"><a id="add_cart" href="javascript:void(0)">
          	<input type="image" value="Add To" src="public/images/add_icon.png" />ADD TO CART</a></div>
        	

        	
        	
        
        
        
        </form>
        </div>
        <!-- END product1 -->
        <div style="clear:both;"></div>
        
        <div id="product_tabs" class="clear"></div>
        <div class="s_tabs grid_12 alpha omega">
          <ul class="s_tabs_nav clearfix">
            <li><a href="#product_description">Description</a></li>
          </ul>
          <div class="s_tab_box">
            <div id="product_description">
              	<s:property value="product.description"/>
            </div>
            
          </div>
        </div>
    
        
        <!-- END central products --> 
      </div>
</div>
    